iT邦幫忙

2024 iThome 鐵人賽

DAY 15
0
Mobile Development

IOS的打怪升級之路系列 第 15

鐵人賽第十五天 留言板(一)建立UI元件與創立關聯設定

  • 分享至 

  • xImage
  •  

說明

下一個練習的元件是tableview,該元件是用來顯示多筆相同者的資料,是做留言板的第一步./images/emoticon/emoticon12.gif

創建

1.TableViewButtonTextFieldLabel 排版
在 Storyboard 或者用程式碼方式設置 TableView
增加兩個 Button:例如「送出留言」和「排序」。
增加兩個 TextField:分別用來輸入留言者名稱和留言內容。
Label 可以用來顯示標題、提示訊息或其他相關的內容。
以下為我設計的排版圖片
https://ithelp.ithome.com.tw/upload/images/20240923/20168187PT6CuFB7i3.png
2.建立 TableViewCell
步驟 1:在 Xcode 中,點擊專案根目錄,選擇「新增檔案」,然後選擇 Cocoa Touch Class。
https://ithelp.ithome.com.tw/upload/images/20240923/20168187x7q0AsJtL3.png
步驟 2:在彈出的窗口中選擇 UITableViewCell 作為基類,選擇「Also create XIB file」來自動生成對應的 XIB 檔案。
步驟 3:開啟 XIB 檔案,設計 Cell 的內容,例如增加 Label、ImageView 等來顯示留言者的名稱和內容。
https://ithelp.ithome.com.tw/upload/images/20240923/20168187FOzIzWId5b.png
https://ithelp.ithome.com.tw/upload/images/20240923/20168187DTT72oqhyJ.png


上一篇
鐵人賽第十四天 調色盤(四)設定變色與同步textfield與silder的值
下一篇
鐵人賽第十六天 留言板(二) 安裝realm及建立資料表
系列文
IOS的打怪升級之路30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言